
const path = require('path')
// 自定义主题的文件路径
// console.log(__dirname)
const coverPath = path.join(__dirname, '/src/styles/cover.less')
console.log(coverPath)

module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // 直接覆盖变量
          // 'text-color': '#111',
          // 'border-color': '#eee',
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${coverPath}";`
        }
      }
    }
  },
  publicPath: './', // 打包后所有的静态资源dist/index.html引其他的文件都以./开头(默认值是/)
  devServer: { // webpack开发服务器相关配置
    proxy: { // 固定配置项(代理)-我们开始让本地webpack开发服务器-代理去请求后端的资源
      // http://c.m.163.com/nc/article/headline/T1348647853363/0-40.html
      '/api': { // /api自己随便定义叫什么都行, 但是你axios请求的url必须以/api开头
        target: 'http://c.m.163.com', // 后台接口域名 -- 把你url后半段拼接到这个target地址后面-发起真正的请求
        changeOrigin: true, // 改变请求来源(欺骗后台你的请求是从http://c.m.163.com) - 在浏览器调试窗口看到的是localhost:8080但是发送是本地服务转发的, 用抓包工具可以看到
        pathRewrite: { // 路径重写(在代理发起请求之前)
          '^/api': '' // 把/api开头的这4个字符, 替换成空字符串
        }
      }
    }
  }

}
